
body {
    background: #e6fbff; /* #FAFAFA; */ 
    font-family: "microsoft yaihei", 'Roboto', sans-serif;
    overflow-x: auto;	
}
/* 以下新增改颜色(2022.11.24)  */
body{
    background: #e6fbff;
}
.page-wrapper {
    background: #e6fbff;
}
/*
.header {
   background: #007470;
   box-shadow: none;
}
.header.head-drag {
	-webkit-app-region: drag;
}
.header .top-navbar .navbar-header {
  background: #007470;
}
.navbar-light .navbar-brand {
	color: #fff;
}
.navbar-light .navbar-brand:hover {
	color: #fff;
}
.text-muted {
	color: #fff !important;
}
*/
.page-titles {
    background: #e6fbff;
    -webkit-box-shadow: 1px 0 6px rgb(0 116 112 / 15%);
    box-shadow: 1px 0 6px rgb(0 116 112 / 15%);
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
  width: 8px;
  height: 8px;
  background-color: #f2f2f2;
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
  -webkit-box-shadow: none; 
  box-shadow: none; 
  border-radius: 4px;
  background-color: #f2f2f2;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
  border-radius: 4px;
  -webkit-box-shadow: none; 
  box-shadow: none; 
  background-color: #ced4da;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
body::-webkit-scrollbar
{
  width: 8px;
  height: 8px;
  background: #fff;
}
 
/*定义滚动条轨道 内阴影+圆角*/
body::-webkit-scrollbar-track
{
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  background: #fff;
}
 
/*定义滑块 内阴影+圆角*/
body::-webkit-scrollbar-thumb
{
  border-radius: 0px;
  -webkit-box-shadow: none; 
  box-shadow: none; 
}
/* 以上新增改颜色(2022.11.24)  */
#main-wrapper {
    min-width: 1200px !important;
}
/* 预警状态定义 */
.stat-outstanding-bg {color: #fff; background: rgba(76, 175, 80);}
.stat-excellent-bg {color: #fff; background: rgba(76, 175, 80, 0.6);}
.stat-good-bg {color: #fff; background: #58a2eb;}
.stat-pass-bg {color: #fff; background: #ffa206;}
.stat-bad-bg {color: #fff; background: #ef5350;}
.stat-inverse-bg {color: #fff; background: #6a707e;}
.stat-outstanding-text {color: rgba(76, 175, 80);}
.stat-excellent-text {color: rgba(76, 175, 80, 0.6);}
.stat-good-text {color: #58a2eb;}
.stat-pass-text {color: #ffa206;}
.stat-bad-text {color: #ef5350;}
.stat-inverse-text{color: #6a707e;}

/** 九宫格 * */
.sudoku {
	padding: 0 15px;
}
.sudoku .col-lg-4 {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.sudoku .sudoku-box {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 30px 15px;
	min-height: 100px;
}
.sudoku .sudoku-box .sudoku-title {
	color: #fff;
	margin-bottom: 1rem;
}
.sudoku-remark {
	padding: 30px 15px;
	background: #58a2eb39;
}
/* 交通警示 */
.table.sudoku-table td,
.table.trafic-table td{
	padding: 0;
	text-align: center;
}
.text-box {
	display: flex;
	align-items: center;
	justify-content: center;	
	width: 100%;
	height: 100%;
	padding: 0.2rem;
}

/** 文字列表 */
ul.text-list {
	list-style: square;
	margin-bottom: 0;
	padding-inline-start: 20px;
	margin-block-start: 0;
    margin-block-end: 0;
}
ul.text-list.retract {
	padding-inline-start: 8px;
}
ul.text-list li{
	list-style: square;
}
/** 图片颜色 */
.chart-color-tea {
	color: #007470;
}
.chart-color-cyan {
	color: #00c4c0;
}
/** 更改卡片风格 * */
.card {
	padding: 15px 20px;
}
.card .custom-card-header {
	display: flex;
	align-items: center;
	justify-content: start;
	margin-bottom: 0.75rem;
}
.card .custom-card-header.quick-bar {
	margin-bottom: 0;
}
.card .custom-card-header.quick-bar .hint {
	flex-grow: 1;
}
.card .custom-card-header .card-title {
	margin-bottom: 0;
	flex-grow: 1;
}
.card .custom-card-header.quick-bar i.search-filter{
	margin-right: 0.4rem;
}
/*  更改系统前景色   */
.color-primary,
.text-primary {
    color: #1976d2;
}

.color-secondary,
.text-secondary {
    color: #673bb7;
}

.color-success,
.text-success {
    color: #4caf50;
}

.color-info,
.text-info {
    color: #58a2eb;
}

.color-danger,
.text-danger {
    color: #ef5350;
}

.color-warning,
.text-warning {
    color: #ffa206;
}

.color-dark,
.text-dark {
    color: #6a707e;
}

.color-muted,
.text-muted {
    color: #607d8b;
}

.text-white {
    color: #ffffff;
}

.text-orange {
    color: #fb3a3a!important;
}
/* 滚动面板 */
.scroll-box {
	display: block;
	overflow-y: scroll; 
}

/*  更改系统背景色  */
.bg-primary {
    background-color: #1976d2;
    color: #ffffff;
    fill: #1976d2;
}

.bg-secondary {
    background-color: #673bb7;
    color: #ffffff;
    fill: #673bb7;
}

.bg-success {
    background-color: #4caf50;
    color: #ffffff;
    fill: #4caf50;
}

.bg-info {
    background-color: #58a2eb;
    color: #ffffff;
    fill: #58a2eb;
}

.bg-danger {
    background-color: #fb3a3a;
    color: #ffffff;
    fill: #fb3a3a;
}

.bg-warning {
    background-color: #ffb22b;
    color: #ffffff;
    fill: #ffb22b;
}

.bg-dark {
    background-color: #6a707e;
    color: #ffffff;
    fill: #6a707e;
}

.bg-white {
    background-color: #ffffff;
}

.bg-transparent {
    background-color: transparent;
    color: #000000;
}

/* 更改系统的边框颜色  */

.border-primary {
    border-color: #1976d2;
}

.border-secondary {
    border-color: #673bb7;
}

.border-success {
    border-color: #4caf50;
}

.border-info {
    border-color: #58a2eb;
}

.border-danger {
    border-color: #fb3a3a;
}

.border-warning {
    border-color: #ffb22b;
}

.border-dark {
    border-color: #6a707e;
}

/** 改变系统按钮风格 */
.btn.disabled,
.btn:disabled{
	cursor: not-allowed;
}
.btn.btn-info {
	background-color:#007470; /*#1976d2;*/
}
.btn-info {
    background: #007470;
    border: 1px solid #007470;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 116, 112, 0.14), 0 3px 1px -2px rgba(0, 116, 112, 0.2), 0 1px 5px 0 rgba(0, 116, 112, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 116, 112, 0.14), 0 3px 1px -2px rgba(0, 116, 112, 0.2), 0 1px 5px 0 rgba(0, 116, 112, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
}

.btn-info:hover {
    background: #008481;
    border: 1px solid #008481;
    -webkit-box-shadow: 0 14px 26px -12px rgba(0, 132, 126, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 132, 126, 0.2);
    box-shadow: 0 14px 26px -12px rgba(0, 132, 126, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 132, 126, 0.2);
}

.btn-info:active {
    background: #007470;
    -webkit-box-shadow: 0 14px 26px -12px rgba(0, 116, 112, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 116, 112, 0.2);
    box-shadow: 0 14px 26px -12px rgba(0, 116, 112, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 116, 112, 0.2);
}

.btn-info:active:focus {
    background-color: #007470;
    border: 1px solid #007470;
}

.btn-info:active:hover {
    background-color: #007470;
    border: 1px solid #007470;
}

.btn-info:focus {
    background: #028ee1;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    background-color: #028ee1;
    border: 1px solid #028ee1;
}

.btn-info.disabled {
    background: #1976d2;
    border: 1px solid #1976d2;
    -webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-info.disabled:hover {
    background: #1976d2;
    border: 1px solid #1976d2;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}

.btn-info.disabled:active {
    background: #028ee1;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}

.btn-info.disabled:focus {
    background: #028ee1;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}

.btn-info.active {
    background: #028ee1;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}

.btn-info.active:focus {
    background-color: #028ee1;
    border: 1px solid #028ee1;
}

.btn-info.active:hover {
    background-color: #028ee1;
    border: 1px solid #028ee1;
}

.btn-info.disabled.active {
    background: #028ee1;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}


.btn-inverse.disabled:hover,
.btn-inverse.disabled:active,
.btn-inverse.disabled:focus,
.btn-inverse:disabled:hover,
.btn-inverse:disabled:active,
.btn-inverse:disabled:focus {
    background: #2f3d4a;
    border: 1px solid #2f3d4a;
	opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-primary.disabled:hover,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary:disabled:hover,
.btn-primary:disabled:active,
.btn-primary:disabled:focus {
    background-color: #007bff;
    border-color: #007bff;
	opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-info.disabled:hover,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info:disabled:hover,
.btn-info:disabled:active,
.btn-info:disabled:focus {
    background-color: #17a2b8;
    border-color: #17a2b8;
	opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-success.disabled:hover,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success:disabled:hover,
.btn-success:disabled:active,
.btn-success:disabled:focus {
    background-color: #28a745;
    border-color: #28a745;
	opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-warning.disabled:hover,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning:disabled:hover,
.btn-warning:disabled:active,
.btn-warning:disabled:focus {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
	opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-danger.disabled:hover,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger:disabled:hover,
.btn-danger:disabled:active,
.btn-danger:disabled:focus {
    background-color: #dc3545;
    border-color: #dc3545;
	opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-dark.disabled:hover,
.btn-dark.disabled:active,
.btn-dark.disabled:focus,
.btn-dark:disabled:hover,
.btn-dark:disabled:active,
.btn-dark:disabled:focus {
    background-color: #343a40;
    border-color: #343a40;
	opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn.btn-data-upload {
	padding: 0.2rem 0.75rem;
	margin-top: 0.8rem;
}

/** 改变左侧菜单栏风格 * */
.sidebar-nav ul li ul {
	padding-left: 0px;
	text-align: center;
}
.sidebar-nav ul li ul li a {
	padding: 15px 35px 15px 15px;
}

.sidebar-nav ul li a {
	padding: 15px 35px 15px 15px;
	font-size: 14px;
}

.sidebar-nav ul li a:hover{
	color: #fff;
	background-color:  #007470; /*#1976d2;*/
}
.sidebar-nav ul li a:hover i{
	color: #fff;
}
.sidebar-nav ul li a:hover:after{
	border-color: #fff;
}

.sidebar-nav ul li a.active {
	color: #fff;
	background-color: #007470; /*#1976d2;*/
	
}
.sidebar-nav>ul>li.active>a i {
	color: buttontext;
}
.sidebar-nav>ul>li.active>a {
	color: buttontext;
	border-left: 0px;
	background-color: buttonface;
}
.sidebar-nav .active>.has-arrow:after {
	border-color: buttontext;
}

.sidebar-nav>ul>li.active>a:hover{
	color: #fff;
	background-color:  #007470; /*#1976d2;*/
	
}
.sidebar-nav>ul>li.active>a:hover i {
	color: #fff;
}
.sidebar-nav>ul>li.active>a:hover:after {
	border-color: #fff;
}

/* 文件上传面板 */
 .upload-menu .dropdown-menu {
 	padding: 20px;
 	margin-top: 2px;
 }
.header .top-navbar .upload-box .card {
 	box-shadow: none;
 	border: 0;
 }
.header .top-navbar .upload-box {
	width: 360px;
}

.header .top-navbar .upload-box form,
.header .top-navbar .upload-box form input {
	font-size: 14px;
}

.header .top-navbar .upload-box .dropzone {
	border: 1px dashed rgba(0,0,0,0.3);
}
/** 横向列表 * */
ul.horizontal-ul-list {
	padding: 0px;
	padding-inline-start: 0px;
}
ul.horizontal-ul-list.left-padding {
	padding-inline-start: 1rem;
}
ul.horizontal-ul-list li {
	list-style: none;
	padding: 3px 5px;
	float: left;
}
/* 页面导航栏的功能面板 */
.page-search-box {
	padding: 15px;
}
.page-search-box .row-group {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(120, 130, 140, 0.1) !important;
}
.page-search-box .row-group .text-no-wrap{
	white-space: nowrap;
}
.page-search-box .button-list .btn{
	padding: 5px 15px;
}

.page-nav-bar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.page-nav-bar .row {
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.page-nav-bar button:not(last-child) {
	margin-right: 10px;
}


.page-bar-drop-menu {
	text-align: right;
}
.page-bar-drop-menu .dropdown-menu {
	position: absolute;
    width: 640px;
    padding: 30px 15px 10px 15px;
    border-radius: 0 0 0.25rem 0.25rem;
    border: 1px solid rgba(0,0,0,0.05); 
    box-shadow: 0 3px 12px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 3px 12px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}
.page-bar-drop-menu .dropdown-menu.filled-width {
	padding: 10px 0 10px 0;
}

.dropdown-toggle.clear-caret-down:after {
	content: none;
}

.page-bar-drop-menu .scroller-box {
	max-height: 320px;
	overflow-y: auto;
	overflow-x: hidden;
}
.page-bar-drop-menu .button-list {
	margin-top: 10px;
	text-align: right;
}

/* 更改tab的tabitem的字体颜色*/
.nav-tabs .nav-link {
	color: #666;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color:#007470; /*#1976d2;*/
}

/** 更改表单输入框的字体颜色 */
.form-control{
	color: #666;
}

/** 去除最后一个表格单元格居右的风格 * */
thead tr th:last-child,
tbody tr td:last-child {
	text-align: left !important;
}

/** 更改系统表格格式 * */
.table.table-cell-wrap {
	white-space: normal;
}
.table.table-cell-wrap td.cell-no-wrap{
	white-space: nowrap;
}
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
	line-height: 26px;
}
.table td.text-center {
	white-space: normal;
	text-align: center !important;
	vertical-align: middle;
}

.table>tbody>tr>td.cell-wrap {
	white-space: normal;
}
.table td, .table th {
	padding: 0.2rem;
}
/* 修改提示弹出框的风格 */
.sweet-alert {
	padding: 20px 25px;
}
.sweet-alert h2{
	font-size: 1.5rem;
	margin: 15px 0 25px 0;
}
.sweet-alert button {
	background:#007470; /*#1976d2;*/
	font-size: 16px;
	margin: 20px 5px 0 5px;
	padding: 8px 30px;
}
.sweet-alert .dropzone {
	border: 1px dashed rgba(0,0,0,0.3);
	border-radius: 0.25rem;
	min-height: auto;
}
.sweet-alert .dropzone .dz-preview {
	margin: 10px;
}
.sweet-alert .dropzone .dz-preview.dz-file-preview .dz-image {
	background: #f0f0f0;
	border-radius: 10px;
}
.sweet-alert .dropzone .dz-preview .dz-progress {
	height: 8px;
	background-color: #eee;
}
.sweet-alert .dropzone .dz-preview .dz-progress .dz-upload {
	background: #1976d2;
}
.sweet-alert .dropzone .dz-preview .dz-details {
	color: #575757;
}
.sweet-alert .dropzone .dz-preview .dz-details .dz-filename span, 
.sweet-alert .dropzone .dz-preview .dz-details .dz-size span {
	background-color: transparent;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
	padding-bottom: 15px;
}
